<#include "common/main_layout.ftl" />
<#macro mainContent>
<section class="content-header">
  <h1>
    Status
    <small>overview</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href=""><i class="fa fa-home"></i> Home</a></li>
    <li class="active">Status</li>
  </ol>
</section>

<!-- Main content -->
<section class="content">

  <div class="row">
    <div class="col-xs-12">
      <div class="box box-primary">
        <div class="box-header">
          <h3 class="box-title">Lists of status</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body table-responsive no-padding">
          <table class="table table-hover table-striped">
            <tbody>
            <tr>
              <th>Name</th>
              <th>Status</th>
              <th>Description</th>
            </tr>
            <#list rows as row>
            <tr>
              <td>${row.name}</td>
              <td>
                <#--  <#if (row.status.level == com.alibaba.dubbo.common.status.Status.Level.OK) >  -->
                <#if (row.status.level == "OK") >
                <span class="badge bg-green">${row.status.level}</span>
                <#elseif (row.status.level == "WARN")>
                <span class="badge bg-yellow">${row.status.level}</span>
                <#elseif (row.status.level == "ERROR")>
                <span class="badge bg-red">${row.status.level}</span>
                <#else>
                <span class="badge bg-gray">${row.status.level}</span>
                </#if>
              </td>
              <td>${row.description}</td>
            </tr>
            </#list>
            </tbody>
          </table>
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    </div>
  </div>

</section>
</#macro>

<@doLayout />
